<!DOCTYPE html>
<html class="pixel-ratio-1 watch-active-state">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="theme-color" content="">
    <title>个人中心</title>
    <link rel="stylesheet" href="/resources/wap/css/framework7_002.css">
    <link rel="stylesheet" href="/resources/wap/css/style.css">

    <script src="/resources/common/js/jquery-1.11.3.min.js"></script>
    <script src="/resources/js/Util.js"></script>
    <script type="text/javascript" src="/resources/js/self.js"></script>

</head>
<body style="background:#efeff4;">
<div class="navbar">
    <div class="navbar-inner">
        <div class="center"><a href="">我的</a></div>
        <div class="right searimg">
            <a href="#"><img src="/resources/wap/image/shezhi.png"/></a>
        </div>
    </div>
</div>

<div class="txbox">
    <div class="txpic" name="image">

    </div>


    <div class="my-add" style="text-align: center"><p></p>
        <span style="float: none !important;" id="name" name="name"></span>

        <div class="clear"></div>
    </div>
</div>

<div class="mylist">
    <span  onclick="go('customer.html')">
        <h1><img src="/resources/wap/image/my.png"></h1>
        <h2>我的信息</h2>
        <h3><img src="/resources/wap/image/Arrow.png" width="7"> </h3>
    </span>
    <span  onclick="go('order_list.html')">
        <h1><img src="/resources/wap/image/order.png"></h1>
        <h2>我的订单</h2>
        <h3><img src="/resources/wap/image/Arrow.png" width="7"> </h3>
    </span>

    <!--<span>
        <h1><img src="/resources/wap/image/about.png"></h1>
        <h2>关于我们</h2>
        <h3><img src="/resources/wap/image/Arrow.png" width="7"></h3>
    </span>-->
    <div style="height:80px;clear: both"></div>
</div>


<div class="toolbar tabbar tabbar-labels">
    <div class="toolbar-inner">
        <a href="product_list.html" class="tab-link ">
            <i class="material-icons"><img src="/resources/wap/image/home.png"  width="32px"></i>
            <span class="tabbar-label">首页</span></a>
        <a href="cart.html" class="tab-link">
            <i class="material-icons"><img src="/resources/wap/image/cart.png"  width="32px"></i>
            <span class="tabbar-label">购物车</span></a>
        <a href="my.html" class="tab-link active">
            <i class="material-icons"><img src="/resources/wap/image/my_on.png"  width="32px"></i>
            <span class="tabbar-label">我的</span></a></div>
</div>
</body>
<script type="text/javascript">
    $(function () {
        loadData();
    });
    function loadData() {
        $.ajax({
            url:"/wap/customer/getUser.do",
            data:{},
            type:'post',
            dataType:'json',
            success:function(data){
                console.log(data);
                if(data.success){
                    if(!isNullOrUndefined(data.data)){
                        var customer =  data.data;
                        if(!isNullOrUndefined(customer.headImage)){
                            $("[name='image']").html("<img  src='"+customer.headImage+"'/>");
                        }

                        $("[name='name']").html(customer.name);
                        $("[name='telephone']").val(customer.telephone);
                        $("[name='address']").val(customer.address);
                    }

                }
            }
        });
    }
</script>
</html>